<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿分类区</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/class.css">
</head>

<body>
    <!-- 整个页面的容器 -->
    <div id="whole_wrap">
        <div class="iot_top">
            <div class="iot_top_title">商品分类</div>
            <div class="iot_top_search">
                <div class="iot_top_search_icon"><img src="../icons/search.svg"></div>
                <div class="iot_top_search_text">女靴</div>
            </div>
        </div>
        <!-- 挤出被遮挡区域 -->
        <div class="iot_block"></div>
        <!-- 主体内容区域 -->
        <div class="iot_main_body">
            <div class="iot_left_fixed_bar">
                <li class="iot_left_item" style="font-size: larger;font-weight: bold;"><a href="" style="color: #27ba9b;">居家</a></li>
                <li class="iot_left_item"><a href="">美食</a></li>
                <li class="iot_left_item"><a href="">服饰</a></li>
                <li class="iot_left_item"><a href="">母婴</a></li>
                <li class="iot_left_item"><a href="">个护</a></li>
                <li class="iot_left_item"><a href="">严选</a></li>
                <li class="iot_left_item"><a href="">数码</a></li>
                <li class="iot_left_item"><a href="">运动</a></li>
                <li class="iot_left_item"><a href="">杂项</a></li>
            </div>
            <div class="iot_right_classes">
                <div class="iot_right_slide">
                    <img src="../images/classes.jpg" id="banner_img">
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">居家生活用品</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_item_wrap">
                                <div class="iot_detail_img"><img src="../images/baokuan1.jpg"></div>
                                <div class="iot_detail_text">钻石陶瓷碗</div>
                                <div class="iot_detail_price">￥149.00</div>
                            </div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">收纳</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">宠物食品</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">艺术藏品</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">宠物用品</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">家庭医疗</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
                <div class="iot_right_classes_item">
                    <div class="iot_right_item_top">
                        <div class="iot_item_left">中医保健</div>
                        <div class="iot_item_right">全部></div>
                    </div>
                    <div class="iot_right_item_buttom">
                        <div class="iot_item_detail">
                            <!-- <div class="iot_detail_img"><img src=""></div>
                            <div class="iot_detail_text">钻石陶瓷碗</div>
                            <div class="iot_detail_price">￥149.00</div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部tab栏 -->
        <div class="iot_footer_tab">
            <div class="iot_footer_tab_item">
                <a href="index.html">
                    <div class="iot_footer_tab_icon"><img src="../icons/index.svg"></div>
                    <div class="iot_footer_tab_title">首页</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="#">
                    <div class="iot_footer_tab_icon"><img src="../icons/sort.svg"></div>
                    <div class="iot_footer_tab_title" style="color: #27ba9b;">分类</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="shopcar.html">
                    <div class="iot_footer_tab_icon"><img src="../icons/shopcar.svg"></div>
                    <div class="iot_footer_tab_title">购物车</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="my.html">
                    <div class="iot_footer_tab_icon"><img src="../icons/wode.svg"></div>
                    <div class="iot_footer_tab_title">我的</div>
                </a>
            </div>
        </div>
        <script src="../js/class.js"></script>
    </div>
</body>

</html>